<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //外层循环-执行9次，
        /*   for (var i = 1; i <= 9; i++) {
              // 控制每一行的内容
              // i=1的时候 打印1个*
              // i=2的时候 打印2个*
              // i=3的时候 打印3个*
              //内循环 执行i次
              for (var j = 1; j <= i; j++) {
                  document.write('*')
              }
  
              document.write('<br/>')
          } */


        // - 完成一个梯形打印功能
        // -

        /* for (var i = 2; i <= 9; i++) {
            // 控制每一行的内容
            // i=2的时候 打印2个*
            // i=2的时候 打印2个*
            // i=3的时候 打印3个*
            //内循环 执行i次
            for (var j = 1; j <= i; j++) {
                document.write('*')
            }

            document.write('<br/>')
        }
 */

        //  - 打印九九乘法表

        // for (var i = 1; i <= 9; i++) {
        //     // 控制每一行的内容
        //     // i=1的时候 打印1个*
        //     // i=2的时候 打印2个*
        //     // i=3的时候 打印3个*
        //     //内循环 执行i次
        //     for (var j = 1; j <= i; j++) {
        //         document.write(j + 'x' + i + '=' + i * j + ' ')
        //     }

        //     document.write('<br/>')
        // }



        for (var i = 1; i <= 9; i++) {
            // 控制每一行的内容
            // i=1的时候 打印1个*
            // i=2的时候 打印2个*
            // i=3的时候 打印3个*
            //内循环 执行i次
            for (var j = 1; j <= i; j++) {
                document.write('<span>' + j + 'x' + i + '=' + i * j + '</span>')
            }

            document.write('<br/>')
        }
    </script>

</body>

</html>